<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
    <title>化粪池</title>
    <link rel="shortcut icon" href="{{static_url("images/shit_ico.png")}}">
    <!-- Bootstrap -->
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
      <link href="{{static_url('css/mycss.css')}}" rel="stylesheet">
  </head>
  
  <body>
    <header class="navbar navbar-default"role="navigation">
       <div class="main_container">
            
           <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" 
                 data-target="#example-navbar-collapse">
                 <span class="sr-only">切换导航</span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
              </button>
               <img src="{{static_url("images/shit.svg")}}" class="shit"></img>
              <a class="navbar-brand" href="/">化粪池</a>
           </div>
           <div class="collapse navbar-collapse" id="example-navbar-collapse">
              <ul class="nav navbar-nav">
                 <li><a href="/?query=hot">最臭</a></li>
                 <li><a href="/?query=new">最新鲜</a></li>
                 <li><a href="/publish">我有翔</a></li>
                 <li class="search">
                  <form action="/" method="POST">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="捞翔" name="query_content">
                        <div id="go"><span class="glyphicon glyphicon-search" type="submit"></span></div>
                        <button type="submit" id="button">
                    </div>
                  </form>
                 </li>
              </ul>
           </div>
       </div>
    </header>
    <div id="box"></div>
    <div class="main_container">
        <ol id="list">
          {% for arti in Article %}
            <li class="item">
                <a href="/?query={{arti.Id}}">
                </a>
                <span class="time"><span class="glyphicon glyphicon-calendar"></span> {{  arti.time}}</span>   <!--这里需要修改-->
                    <div class="container">
                        <div class="content">
                            {{arti.content}}
                        </div>
                        <div class="details">
                            <img src="{{static_url('images/paper.svg')}}" class="papers"/>{{arti.praise}}
                            <span class="comment"><span class="glyphicon glyphicon-comment"></span>{{arti.comments}}<span>    <!--这里需要修改-->
                        </div>
                    </div>
            </li>
            {% end %}
        </ol>
    </div>
    <div id="footer">
        <p>copyright © 2015 HuaFenChi</p>
    </div>
    <div id="giveout">
        <a href="/publish"><img src="{{static_url('images/shit.svg')}}" class="shit"></a>
    </div>
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="{{static_url("js/nochoose.js")}}"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  </body>
</html>
